<template>
  <div class="chapter-container">
    <header class="chapter-header">
      <h1>Taylor Swift 官方网站 - 第十章</h1>
    </header>

    <main class="chapter-main">
      <!-- 主内容区域 -->
      <router-view />
    </main>
  </div>
</template>

<script>
export default {
  name: 'PageTen'
}
</script>

<style scoped>
.chapter-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chapter-header {
  background-color: #000;
  color: white;
  padding: 20px;
  text-align: center;
}

.chapter-main {
  flex: 1;
  overflow: hidden;
}
</style>